<!--
 * @Author: wang_sheshe
 * @Date: 2021-08-17 10:08:21
 * @LastEditTime: 2021-08-17 15:12:02
 * @Description: 图谱详情
-->
<template>
	<article class="bg_4dbfae redCapture">
		<Theader :title="title">
			<template slot="header_arrow">
				<van-icon size="25" name="arrow-left" />
			</template>
		</Theader>
		<!-- 列表区域 -->
		<div class="doc-wrapper">
            <div class="tupu">
                <div>
                    <van-image :src="icon.tupu" width="100%" height="140"></van-image>
                </div>
                <div class="dev-other margin15">
                    <span style="margin-left: 0.4rem;">整体</span>
                    <span style="margin-left: 0.4rem;">显示原因</span>
                </div>
            </div>
            <div class="defectYisi">
                疑似缺陷
            </div>
			<div class="baseInfo">
                <van-field 
                    label="区域温差："  
                    readonly 
                    :border="false"
                    v-model="taskDetail.substationName"
                />
                <van-field 
                    label="最高温：" 
                    readonly 
                    :border="false"
                    v-model="taskDetail.type" 
                />
                <van-field 
                    label="最低温：" 
                    readonly 
                    :border="false" 
                    v-model="taskDetail.time" 
                />
                <van-field 
                    label="反射率：" 
                    :border="false"  
                    readonly 
                    v-model="taskDetail.content" 
                />
                <van-field 
                label="环境温度：" 
                :border="false"  
                readonly 
                v-model="taskDetail.content" 
                />
                <van-field 
                label="拍摄时间：" 
                :border="false"  
                readonly 
                v-model="taskDetail.content" 
                />
                <div class="dev-title margin15">热像特征：</div>
                <div>
                    <van-field
                    v-model="description"
                    rows="1"
                    autosize
                    label=""
                    type="textarea"
                    readonly
                    placeholder="巅峰对决，电流点击的交接的"
                    />
                </div>
                <div class="dev-title margin15">处理建议：</div>
                <div>
                    <van-field
                    v-model="description"
                    rows="1"
                    autosize
                    label=""
                    type="textarea"
                    placeholder="建议进行图谱检测"
                    readonly
                    />
                </div>
                <div class="dev-title margin15">分析阀值：</div>
                <div>
                    <van-field
                    v-model="description"
                    rows="1"
                    autosize
                    label=""
                    type="textarea"
                    readonly
                    placeholder="<=3x"
                    />
                </div>
                <div class="dev-title margin15">分析判据：</div>
                <div>
                    <van-field
                    v-model="description"
                    rows="1"
                    autosize
                    readonly
                    label=""
                    type="textarea"
                    placeholder="电流设备诊断好ALLDD-2DDD的霍华德"
                    />
                </div>
            </div>
        </div>
	</article>
</template>
<script>
	import Theader from "../component/header"
	export default {
		name: "redCapture",
		components:{
			Theader
		},
		data() {
			return {
                title: "图谱详情",
                taskDetail: {
                    substationName:"东善桥变",
                    type:"红外测温记录",
                    time:"2021/03/21-2021/05/23",
                    content:"红外测温记录填写",
                },
                icon: {
                    iconTitle: require("../../../../assets/tour/icon-title.png"),
                    tupu: require("../../../../assets/bg-shadow.png"),
                },
                description:"",
                result:""
			}
		},
		computed: {

		},
		methods: {
           
            back(){
                this.$router.go(-1)
            },
		},
		watch: {
			
		},
		mounted() {

		}
	}
</script>
<style scoped>
	article {
		display: flex;
		flex-direction: column;
		height: 100vh;
	}
	.bg_4dbfae{
		background: #F5F6F7 ;
    }
    .doc-wrapper{
        margin: 0.7rem;
        margin-top: 3.7rem;
        border-radius: 0.3rem;
        background: #fff;
        padding-bottom: 1rem;
    }
    .content-title{
        display: flex;
        padding: 1rem 0;
        margin: 0px 1rem;
        align-items: center;
        background: #fff;
        font-size: 15px;
        font-weight: bold;
        border-bottom: 1px solid #F5F7F6;
    }
    .baseInfo /deep/ .van-field__label{
        width: 6.5rem;
        color:#747474;
    }
    .baseInfo /deep/ .van-field__control{
        text-align: left;
        color:#343434;
    }
    
    .redCapture .van-collapse-item{
        border: 1px solid #DFF7F1;
        border-radius: 5px;
    }
    .dev-content,.dev-other{
        display: flex;
        justify-content: space-between;
        padding: 0 10px;
        height: 40px;
       line-height: 40px;
    }
    .redCapture /deep/  .van-collapse-item__content {
        height: 300px;
        overflow: auto;
        font-size: 12px;
    }
    .addPic{
        height: 35px;
        line-height: 35px;
        border-radius: 5px;
        border: 1px solid #DFF7F1;
        text-align: center;
        color: #26BC9F;
    }
    .addPic /deep/ .van-icon{
        font-size: 20px;
        top: 6px;
    }
    .title-devitem{
        color: #333;
        background: #EFF2F3;
        text-align: center;
        height: 28px;
        line-height: 28px;
    }
    .redCapture .collapse-item-dev /deep/ .van-cell.van-field {
        border: 1px solid #f1f1f1;
        height: 50px;
        border-radius: 5px;
        margin-top: 10px;
        border: 1px solid #f3f3ff;
        font-size: 12px;
    }
    .dev-title{
        margin-top: 15px;
        margin-left: 15px;
        color: #747474;
    }
    .collapse-item-dev .margin15{
        margin: 15px 0px;
    }
    .defectYisi{
        height: 35px;
        line-height: 35px;
        margin: 10px;
        text-align: left;
        border: 1px solid #f3f3f3;
        color:#FFAE5F;
        padding-left:10px ;
    }
    .tupu{
        width: 100%;
        height: 185px;
        border-bottom: 1px solid #f3f3f3;
    }
    .baseInfo{
        border: 1px solid #f3f3f3;
        margin: 10px;
    }
    
</style>
